//
// Code (inline and block)
// --------------------------------------------------

// Inline and block code styles
.code,
.kbd,
.pre,
.samp {
  -fx-font-family: $font-family-monospace;
}

// Inline code
.code {
  -fx-padding: 2px 4px;
  -fx-font-size: 90%;
  -fx-text-fill: $code-color;
  -fx-fill: $code-color;
  -fx-background-color: $code-bg;
  -fx-border-radius: $border-radius-base;
}

// User input typically entered via keyboard
.kbd {
  -fx-padding: 2px 4px;
  -fx-font-size: 90%;
  -fx-text-fill: $kbd-color;
  -fx-fill: $kbd-color;
  -fx-background-color: $kbd-bg;
  -fx-border-radius: $border-radius-small;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .25);

  .kbd {
    -fx-padding: 0;
    -fx-font-size: 100%;
    -fx-font-weight: bold;
    // box-shadow: none;
  }
}

// Blocks of code
.pre {
  // display: block;
  -fx-padding: (($line-height-computed - 1) / 2);
  // margin: 0 0 ($line-height-computed / 2);
  -fx-font-size: ($font-size-base - 1); // 14px to 13px
  // line-height: $line-height-base;
  // word-break: break-all;
  // word-wrap: break-word;
  -fx-text-fill: $pre-color;
  -fx-fill: $pre-color;
  -fx-background-color: $pre-bg;
  -fx-border-width: 1px;
  -fx-border-style: solid;
  -fx-border-color:$pre-border-color;
  -fx-border-radius: $border-radius-base;

  // Account for some code outputs that place code tags in pre tags
  .code {
    -fx-padding: 0;
    -fx-font-size: inherit;
    -fx-text-fill: inherit;
    -fx-fill: inherit;
    // white-space: pre-wrap;
    -fx-background-color: transparent;
    -fx-border-radius: 0;
  }
}

/*
// Enable scrollable blocks of code
.pre-scrollable {
  max-height: $pre-scrollable-max-height;
  overflow-y: scroll;
}
*/
